<template>
  <a-space direction="vertical" fill>
    <a-tag :default-checked="false" checkable color="arcoblue">消息列表</a-tag>
    <a-table :columns="messageColumns" :data="data" style="margin-bottom: 5px"></a-table>
    <a-button long type="primary">新增消息</a-button>
    <a-tag :default-checked="false" checkable color="red">信号列表</a-tag>
    <a-table :columns="signalColumns" :data="data" style="margin-bottom: 5px"></a-table>
    <a-button long type="primary">新增信号</a-button>
  </a-space>
</template>
<script lang="ts" setup>
const messageColumns = [
  {
    title: "序号",
    dataIndex: "name"
  },
  {
    title: "消息ID",
    dataIndex: "salary"
  },
  {
    title: "消息名称",
    dataIndex: "address"
  },
  {
    title: "操作",
    dataIndex: "email"
  }
];
const signalColumns = [
  {
    title: "序号",
    dataIndex: "name"
  },
  {
    title: "信号ID",
    dataIndex: "salary"
  },
  {
    title: "信号名称",
    dataIndex: "address"
  },
  {
    title: "操作",
    dataIndex: "email"
  }
];
const data = reactive([]);
</script>
